<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>收件箱</title>
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport"
          content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=0">
    <link rel="stylesheet" href="layui/css/layui.css" media="all">
    <link rel="stylesheet" href="css/spam.css" media="all">
    <script type="text/javascript" src="js/jquery1.9.1.js"></script>
    <script type="text/javascript" src="js/vue.js"></script>
    <script type="text/javascript" src="layui/layui.js"></script>
    <script type="text/javascript" src="js/axios.min.js"></script>
    <script type="text/javascript" src="js/common.js"></script>
    <script type="text/javascript" src="js/business/inbox.js"></script>
</head>
<body>
<div id="app">
    <div style="position:fixed; top:0;height:40px;width:100%;z-index: 999999;background-color: #3EA1FE">
        <div class="layui-col-md6 layui-col-xs12" align="center"
             style="position:fixed;top: 5px;left:10px;height: 30px;width: 30px;background-color: #F1F1F1;opacity: 0.5">
        </div>
        <a href="phone-main.html" style="position:fixed; left:10px;top: 8px;"><i class="layui-icon layui-icon-left"
                                                                                 style="font-size: 24px;color: white;z-index: 99999999;"></i></a>
    </div>
    <div style="height: 30px"></div>
    <div v-if="show" style="margin-top:260px;font-size: 20px;color: #C0C0C2;text-align: center;">无邮件</div>
    <div class="item" v-for="(mail, index) in mailList" @click="lookMail(mail.id)">
        <hr/>
        <div class="mailId">{{mail.id}}</div>
        <div class="head">
            <div :class="{remind:mail.isRead==0}"></div>
            <div class="userName">{{mail.toId}}</div>
            <div class="date">{{mail.createtime}}<i class="layui-icon layui-icon-right"></i></div>
        </div>
        <p class="title">{{mail.title}}</p>
        <div class="content">
            {{mail.content}}
        </div>
    </div>
    <div v-if="show"  @click="whiteMail()" style="position: fixed;bottom: 30px;right: 30px;height: 60px;width: 60px;border-radius: 30px;background-color: #F1F1F1;box-shadow: 0 4px 10px rgba(0, 0, 0, 0.3), 0 0 6px rgba(0, 0, 0, .04);text-align: center">
        <i class="layui-icon layui-icon-edit" style="color: red;font-size: 36px;line-height: 60px"></i>
    </div>
</div>
</body>
</html>